<template>
  <div style="width: 100%; height: 100%">
    <div id="map"></div>
  </div>
</template>

<script>
import { newMap } from '@/common/map/map.js'
export default {

  data () {
    //这里存放数据
    return {
      map: null, // 地图实例对象
    };
  },
  mounted () {
    // 为了防止地图加载报错或白屏，这里使用this.$nextTick()
    this.$nextTick(() => {
      this.init();
    });
    // this.init();
  },
  methods: {
    init () {
      // 百度地图API功能
      this.map = newMap();
    },
  }
}
</script>
<style scoped>
/* css */
#map {
  width: 100%;
  height: 100%;
}
</style>